<template>
  <a-modal
    width="40%"
    v-model="modal2Visible"
    title="阀门操作记录"
    centered
    @ok="() => (modal2Visible = false)"
  >
    <a-row>
      <a-col :span="24">
        <a-date-picker style="margin-right: 20px;"/>
        <a-button type="primary">查询</a-button>
      </a-col>
      <a-col :span="24" style="text-align: right;margin-bottom: 20px;">
        <a-button icon="export" style="margin-right: 10px;" type="primary" ghost>导出</a-button>
      </a-col>
      <a-col :span="24">
        <a-table :columns="columns" :data-source="data" bordered/>
      </a-col>
    </a-row>
  </a-modal>
</template>
<script>
  const columns = [
    {
      title: '序号',
      dataIndex: 'name',
      scopedSlots: {customRender: 'name'}
    },
    {
      title: '灌溉组名称',
      dataIndex: 'age'
    },
    {
      title: '出地桩',
      dataIndex: 'address'
    },
    {
      title: '设备（阀门）',
      dataIndex: 'age'
    },
    {
      title: '操作',
      dataIndex: 'address',
      scopedSlots: {customRender: 'action'}
    }
  ]
  const data = []
  export default {
    data() {
      return {
        data,
        columns,
        modal2Visible: false
      }
    },
    methods: {
      setModal1Visible(modal1Visible) {
        this.modal1Visible = modal1Visible
      }
    }
  }
</script>